<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品流加载页面</title>
    <!-- layui -->
    <link href="lib/layui/css/layui.css" rel="stylesheet">
    <script src="lib/layui/layui.js"></script>
    <style type="text/css">
     #qb:HOVER {
	   color: blue;
     }
	 #goodMeau{
	   width: 19%;
	   margin-right: 5%;
	 }
	 .widget-title a:HOVER {
	   background-color: #4C4C4C;
     }
     #showCarsUl img{
        border:4px rgba(100,100,100,0.5) solid;
		height:200px;
		border-radius:10px;
		background-color:rgba(175,175,175,0.5);
		box-shadow:15px 5px 10px #666;
		overflow:hidden;
     }
     #showCarsUl img:HOVER {
        -webkit-transition: all 0.4s linear;
        -webkit-transform: scale(1.05);
     } 
  </style>
</head>
<body>
	<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>	

	<!-- ========== CONTENT START ========== -->

<section id="content">
  <div class="container">
   <!-- 商品展示菜单 -->
   <div class="row">
      <h2 style="margin-left:1%;"><i class="fa fa-circle fa-lg"></i>  商品展示 </h2>
      <div class="col-sm-3 sidebar" id="goodMeau">
        <aside class="widget widget_product_categories">
          <h4 class="widget-title"><a href="javascript:;"><i class="fa fa-umbrella fa-lg"></i>  类型</a></h4>
          <ul style="display: none;">
           <c:forEach items="${goodTypes }" var="goodType">
            <li><a href="javascript:;" val="goodType.tid,${goodType.tid }">${goodType.tname }</a></li>
           </c:forEach>
          </ul>
        </aside>

        <aside class="widget widget_product_brand" style="margin-top: -10%;">
          <h4 class="widget-title"><a href="javascript:;"><i class="fa fa-flickr fa-lg"></i>  颜色</a></h4>
          <ul>
           <c:forEach items="${colors }" var="color">
            <li><a href="javascript:;" val="gcid,${color.gcid }">${color.gcname }</a></li>
           </c:forEach>
          </ul>
        </aside>

        <aside class="widget widget_product_color" style="margin-top: -10%;">
          <h4 class="widget-title"><a href="javascript:;"><i class="fa fa-tags fa-lg"></i>  尺寸</a></h4>
          <ul style="display: none;">
            <c:forEach items="${sizes }" var="size">
            <li><a href="javascript:;" val="gzid,${size.gsid }">${size.gsname }</a></li>
           </c:forEach>
          </ul>
        </aside>

        <aside class="widget widget_product_color" style="margin-top: -10%;">
          <h4 class="widget-title"><a href="javascript:;"><i class="fa fa-gift fa-lg"></i>  状态</a></h4>
          <ul style="display: none;">
            <li><a href="javascript:;" val="goodState,0">未上架</a></li>
            <li><a href="javascript:;" val="goodState,1">已上架</a></li>
          </ul>
        </aside>
      </div>
      <h4><a href="javascript:;" id="queryAllGood">全部</a>>>>当前条件：<font id="ctj" color="red;">无</font></h4>
      <div id="bigFolw">
	      <div class="col-sm-9" style="margin-top: -0.2%;" id="carifyDiv">
	       
	        <ul class="products row" id="showCarsUl">
	         
	        </ul>
	        
	      </div>
      </div>
      
    </div>      
   </div>
  
</section>

<!-- ========== CONTENT END ========== -->

	<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>
	<script src="js/front/showGoods.js"></script>
</body>
</html>